<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>form 内容</title>
    <% include include/link %>
</head>
<body>
    <div class="container-fluid widget-stage">
        <h1 class="widget-stage-title">Douyou8UI 项目通用组件库</h1>
        <p class="widget-stage-desc">项目中应当抽取公共的部分以及较为复杂的部分作为组件，方便复用。其中按钮，对话框，遮罩层，下拉菜单，选项卡和文本输入6个组件因为每个项目中都基本会使用到，因此已经由框架预先实现。</p>
        <section class="widget-item">
            <div class="widget-item-title">Input 输入框</div>
            <div class="widget-item-cnt">
                <input type="text" class="form-control" placeholder="请输入..." />
            </div>
        </section>
        <section class="widget-item">
            <div class="widget-item-title">尺寸</div>
            <div class="widget-item-cnt">
                <input type="text" class="form-control input-lg" placeholder="请输入..." />
                <br />
                <input type="text" class="form-control" placeholder="请输入..." />
                <br />
                <input type="text" class="form-control input-sm" placeholder="请输入..." />
            </div>
        </section>
        <section class="widget-item">
            <div class="widget-item-title">禁用状态</div>
            <div class="widget-item-cnt">
                <div class="input-group">
                    <span class="input-group-addon">@</span>
                    <input type="text" class="form-control" disabled />
                </div>
            </div>
        </section>
        <section class="widget-item">
            <div class="widget-item-title">带图标的输入框</div>
            <div class="widget-item-cnt">
                <div class="has-feedback">
                    <input type="text" class="form-control" />
                    <span class="glyphicon glyphicon-time form-control-feedback"></span>
                </div>
            </div>
        </section>
        <section class="widget-item">
            <div class="widget-item-title">复合型输入框</div>
            <div class="widget-item-cnt">
                <div class="input-group">
                    <span class="input-group-addon">@</span>
                    <input type="text" class="form-control" />
                </div>
            </div>
        </section>
    </div>
</body>
</html>